/* var */
:root {
    --white1: #dbd7ca;
    --black1: #252525;
    --black2: #303030;
    --black3: #404040;
}

/* 主界面 */

.layout__left,
.layout__right {
    background-color: var(--black2) !important;
}

/* logo */

.the-logo svg,
.the-logo svg path {
    fill: var(--primary-main) !important;
}

/* 代理 */

.MuiButtonBase-root.MuiListItemButton-root.MuiListItemButton-dense.MuiListItemButton-gutters.MuiListItemButton-root.MuiListItemButton-dense.MuiListItemButton-gutters {
    background-color: var(--black2) !important;
}

.MuiButtonBase-root.MuiListItemButton-root.MuiListItemButton-dense.MuiListItemButton-gutters.MuiListItemButton-root.MuiListItemButton-dense.MuiListItemButton-gutters:hover {
    background-color: var(--black3) !important;
}

.layout__right > div.the-content > div > div > section > div > div > div.MuiBox-root:hover {
    background-color: var(--black3) !important;
}

body > div[class*="css-"]:not(div[role="presentation"]) {
    background-color: var(--black3) !important;
}

/* 订阅 */

.MuiListItem-root.MuiListItem-dense.MuiListItem-gutters.MuiListItem-padding,
.MuiGrid2-root.MuiGrid2-direction-xs-row.MuiGrid2-grid-xs-12.MuiGrid2-grid-sm-6.MuiGrid2-grid-md-4.MuiGrid2-grid-lg-3 > .MuiBox-root > .MuiBox-root,
.MuiGrid2-root.MuiGrid2-direction-xs-row.MuiGrid2-grid-xs-12.MuiGrid2-grid-sm-6.MuiGrid2-grid-md-6.MuiGrid2-grid-lg-6 > .MuiBox-root {
    background-color: var(--black2) !important;
}

.MuiGrid2-root.MuiGrid2-container:hover,
.base-content > .MuiBox-root:nth-child(2):has(> .MuiBox-root) {
    background-color: var(--black1) !important;
}

/* 连接 */
.MuiDataGrid-virtualScroller.MuiDataGrid-virtualScroller--hasScrollX,
.MuiDataGrid-columnHeader,
.MuiDataGrid-cell {
    background-color: var(--black2) !important;
}

/* 规则 */

.base-content > .MuiBox-root:nth-child(2) {
    background-color: var(--black2) !important;
}

/* 日志 */

/* 测试 */
section > div > div > div > div.MuiCard-root,
.MuiGrid2-root.MuiGrid2-direction-xs-row.MuiGrid2-grid-xs-6.MuiGrid2-grid-lg-2.MuiGrid2-grid-sm-4.MuiGrid2-grid-md-3 > .MuiBox-root > .MuiBox-root {
    background-color: var(--black2) !important;
}

/* 设置 */

section {
    background-color: var(--black1) !important;
}

section > div > div > div > div.MuiBox-root,
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation2,
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiTableContainer-root,
.MuiGrid-root.MuiGrid-item.MuiGrid-grid-xs-12.MuiGrid-grid-md-6 > .MuiBox-root {
    background-color: var(--black2) !important;
}

.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation0 {
    background-color: var(--black3) !important;
}
/* 弹窗 */

.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation6.MuiSnackbarContent-root {
    color: var(--white1) !important;
    background-color: var(--black2) !important;
}

.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthXs.MuiDialog-paperFullWidth,
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthXl.MuiDialog-paperFullWidth,
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation24.MuiDialog-paper.MuiDialog-paperScrollPaper.MuiDialog-paperWidthSm {
    background-color: var(--black2) !important;
}

/* 右击菜单 */
.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation8.MuiPopover-paper.MuiMenu-paper.MuiMenu-paper {
    background-color: var(--black2) !important;
}
